{extend name="public/base"}
{block name='main'}

<!-- 主体开始 -->
<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <!-- 左侧开始 -->
    <div class="layui-col-md9 content detail">
      <div class="fly-panel detail-box  pb5">
        <!-- 文档头部 -->
        <h2 style="width: 80%;"><i class="ic ic-{$info.ext|strtolower}" style="top: -2px;"></i>{$info.title}</h2>
        <div class="jubaodiv">
            <span class="layui-btn layui-btn-xs jubao">举报</span>
            <span class="layui-btn layui-btn-xs layui-bg-blue shop-collect">收藏</span>
        </div>

        <div class="fly-detail-info">
          <dd>
            <span>{$info.intro}</span>
          </dd>
        </div>
        <!-- 文档头部结束 -->
      </div>


      <!-- 文档内容开始 -->

      <!-- 主内容 -->

        <div class="fly-panel detail-box doccon ">
          {assign name='ad' value=':ad_store(1)'}
          {:htmlspecialchars_decode($ad)}
          {assign name='file_name' value=':docfile($info.html,$info.viewurl)'}
          <iframe src="{:url('/home/doc/pdfview',array('file'=>$file_name))}" width="100%" height="1000"></iframe>
        </div>
        <!-- 预览结束 购买文档 -->
      <!-- 文档内容结束 -->
    </div>
    <!-- 左侧结束 -->

    <!-- 右侧开始 -->
    <div class="layui-col-md3">
      <!-- 文档信息 -->
      <div class="fly-panel">
        <div class="fly-panel-main docinfo">
          <ul class="layui-timeline">
            <li class="layui-timeline-item pb5">
              <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title"><span>贡献者：{$info['uid']|getusername} </span></div>
              </div>
            </li>

            <li class="layui-timeline-item pb5">
              <i class="layui-icon font12 layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title"><span>售价：{$info.score} {:config('web_config.score_name')} </span></div>
              </div>
            </li>
            <li class="layui-timeline-item pb5">
              <i class="layui-icon font12 layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title"><span>时间：{$info.create_time|fdate}</span></div>
              </div>
            </li>
            <li class="layui-timeline-item pb5">
              <i class="layui-icon font12 layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title"><span>大小：{$info['filesize'] / '1024'|round=###,0}KB</span></div>
              </div>
            </li>
            <li class="layui-timeline-item pb5">
              <i class="layui-icon font12 layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title"><span>页数：{$info.page}页</span></div>
              </div>
            </li>
            <li class="layui-timeline-item pb5">
              <i class="layui-icon font12 layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title"><span>浏览：{$info.hits}</span></div>
              </div>
            </li>
            <li class="layui-timeline-item pb5">
              <i class="layui-icon font12 layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title"><span>下载：{$downnum}</span></div>
              </div>
            </li>
          </ul>
            <a class="layui-btn layui-btn-fluid layui-btn-normal"  href="{:docfile($info.html,$info.fileurl)}" style="width: 100%;" id="download">下载本文档</a>

        </div>
      </div>
      <!-- 文档信息结束 -->
      <dl class="fly-panel fly-list-one">
        <dt class="fly-panel-title">编辑推荐</dt>
        {mqcms:doc type="lists" choice="1"  order="create_time desc" }
        {empty name="data['list']"}
            <div class="fly-none">没有相关数据</div>
        {/empty}
        {volist name="data['list']" id="vo" offset="0" length="10"}
            <dd>
              <a href="{:url('doc/doccon',array('id'=>$vo['id']))}"><i class="ic ic-{$vo.ext|strtolower}"></i> {$vo.title} </a>
              <span><i class="iconfont icon-liulanyanjing"></i>&nbsp;{$vo.hits}</span>
            </dd>
          {/volist}
        {/mqcms:doc}
      </dl>

    </div>
    <!-- 右侧开始结束 -->
  </div>
</div>
<script>
  layui.config({
    version: "3.0.0"
    ,base: '__PUBLIC__/theme/blueideal/mods/' //这里实际使用时，建议改成绝对路径
  }).extend({
    fly: 'index'
  }).use('fly');
</script>
<!-- 主体结束 -->
{/block}